<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <input class="a" type="text" placeholder="用户名">
    <br>
    <input class="b" type="text" placeholder="手机号">
    <br>
    <input class="c" type="text" placeholder="邮箱">
    <br>
    <input class="d" type="text" placeholder="1111">
    <br>
    <button>注册</button>

    <script>


        // JSON是一种数据格式  也是一种对象

        //   JSON.stringify()   把对象转成字符串
        //   JSON.parse()       把字符串转成对象


        const oBtn = document.querySelector('button') ;
        const oUser = document.querySelector('.a') ;
        const oTel = document.querySelector('.b') ;
        const oEmail = document.querySelector('.c') ;
        const oPwd = document.querySelector('.d') ;


        // 手机号需要唯一

        oBtn.onclick = function() {
            const user = oUser.value ;
            const tel = oTel.value;
            const email = oEmail.value ;
            const pwd = oPwd.value ;

            // 简写
            const obj = {
                user ,
                tel ,
                email ,
                pwd
            }

            // 查找手机号是否存在
            const res = localStorage.getItem('YYDS_' + tel) ;
            if(res) {
                alert('手机号已被注册')
            } else {
                // 可以注册
                localStorage.setItem('YYDS_' + tel , JSON.stringify(obj)) ;
            }
        }

    </script>
    
</body>
</html>